<h2>tab.js</h2>
<p>Provides tab functionality.</p>
<hr/>

<h3>Objects</h3>
<ul>
	<li><a href="#tab">OAT.Tab(element)</a></li>
</ul>

<h3>Methods</h3>
<ul>
	<li><a href="#go">OAT.Tab.go(index,optionsObject)</a></li>
	<li><a href="#add">OAT.Tab.add(clicker, window)</a></li>
	<li><a href="#remove">OAT.Tab.remove(clicker)</a></li>
</ul>

<h3>CSS classes</h3>
<ul>
	<li>.tab</li>
	<li>.tab_selected</li>
</ul>

<hr/>

<h3><a name="tab">OAT.Tab(element,optionsObject)</a></h3>
<p>Creates Tab object. The <em>element</em> specifies a container where the tab contents will be placed. <em>optionsObject</em> may contain:</p>
<ul>
	<li>goCallback - function to be called when tab switching occurs. Two parameters will be supplied: old index and new index.</li>
	<li>onUnDock - function to be called when tab undocks. One parameters will be supplied: tab's index.</li>
	<li>onDock - function to be called when tab docks. One parameters will be supplied: tab's index.</li>
	<li>dockMode - true; whether tabs can be undocked into standalone windows. You need to include the 'windows' library.</li>
	<li>dockElement - DOM node (or ID) specifying parent node for tabs; only needed when <code>dockMode == true</code></li>
	<li>dockWindowWidth - Sets the width of the dock window</li>
	<li>dockWindowHeight - Sets the height of the dock window</li>
</ul>

<h3><a name="add">OAT.Tab.add(clicker, window)</a></h3>
<p>Adds a new <em>clicker</em> - <em>window</em> pair, i.e., when the user clicks <em>clicker</em>, <em>window</em> will be shown.</p>

<h3><a name="remove">OAT.Tab.remove(clicker)</a></h3>
<p>Removes a <em>clicker</em> - <em>window</em> pair.</p>

<h3><a name="go">OAT.Tab.go(index)</a></h3>
<p>Switches to tab, according to <em>index</em>.</p>

<p class="code">
var t = new OAT.Tab("content");<br/>
t.add("header_1","window_1");<br/>
t.add("header_2","window_2");<br/>
t.go(0);
</p>
